<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../comm/buy_comm.css"/>
    <link rel="stylesheet" type="text/css" href="../comm/xy-pop.css"/>
    <link rel="stylesheet" type="text/css" href="./cart.css">
    <title>购物车</title>
    <style type="text/css">
    	.cart-list-goods > input[disabled]:after,.cart-list-goods > input[disabled]:before{
    		display: none;
    	}
    </style>
</head>

<body>
  	<div class="container top-container" id="cartContainer" v-cloak>
		<div class="header navigationBar">
	      	<div class="wrapper">
	          	<span v-show="is_cart" id="btn-back" class="header-btn left-btn backtrack"></span>
	          	<span class="title">购物车</span>
	          	<span v-show="cartList!=''" class="right-btn" id="myCartEdit">编辑</span>
	      	</div>
	  	</div>
  		<div class="cart-null" style="display: none;" ref="cartNull">
  			<img src="../../../image/shop/buy/buy-75.png"/>
  			<h2>购物车空空如也~~</h2>
  			<p>要是宝贝到手了，那就赶紧享用吧</p>
  		</div>
  		<ul class="cart-list" ref="cartList" id="cartList">
  			<li v-for="(item,index) in cartList" :id="'cartListli'+index">
  				<div class="cart-list-h2" @click="toShop(index)">
  					<input type="checkbox" name="" class="aui-radio" value="" :data-index="index" @click.stop="shopCheck" ref="shopInput"/>
  					<img src="../../../image/shop/buy/buy-17.png"/>
  					<span v-html="item.shop_name"></span>
  					<img src="../../../image/shop/buy/buy-23.png" />
  				</div>
  				<div class="cart-list-goods" v-for="(goods,$index) in item.cart" @click="goGoodsDetail" :data-goodsid="goods.goods_id">
  					<input type="checkbox" name="" class="aui-radio" value="" :disabled="!is_Show && goods.show_str == 1" :data-price="goods.price" ref="goodsChecks"
  						@click="goodsCheck" :data-cartid = "goods.id" :data-cartindex="index" :data-goodsindex="$index"/>
  					<img :src="goods.cover+'?x-oss-process=image/resize,m_lfit,w_960'"/>
  					<h2 v-html="goods.goods_name"></h2>
  					<p :data-cartid="goods.id" v-if="goods.show_str != 1">
  						型号：
	  					<select :id="'goodsSelect'+ index+ + $index" :data-cart="index" :data-goods="$index" @change="selectModel">
	  						<option v-for="model in goods.goods_option" :value="model.option_id+','+(model.stock || 0)+','+model.sale_price"
	  							:selected="model.option_id == goods.option_id ? 'selected': ''" v-html="model.name"></option>
	  					</select><br />
	  					<span v-html="'¥'+ goods.price"></span>
  					</p>
  					<div class="plus-miuns-input" :data-cartid="goods.id" v-if="goods.show_str != 1">
						<a href="javascript:void(0);" :data-index="''+index+$index" @click="plusMinusPlusMinus">-</a>
						<input type="text" name="" :data-index="''+index+$index" :data-num="goods.quantity || 1" :value="goods.quantity || 1" @blur="plusMinusInput" @keyup="plusMinusInput" @focus="plusMinusInput"/>
						<a href="javascript:void(0);" :data-index="''+index+$index" @click="plusMinusPlus" :style="goods.quantity == (goods.goods_option.length > 0 ? goods.goods_option[0].stock : -1) ? 'color:#ccc;' : ''">+</a>
					</div>
					<span style="font-size: 12px;color: #666;" v-if="goods.show_str == 1" v-html="goods.goods_option"></span>
  				</div>
  			</li>
  			<!--<li v-for="(item,index) in cartList" :id="'cartListli'+index">
  				<div class="cart-list-h2">
  					<input type="checkbox" name="" class="aui-radio" value="" :data-index="index" @click="shopCheck" ref="shopInput"/>
  					<img :src="item.shop_logo" onerror="this.src='../../../image/shop/buy/buy-17.png'"/>
  					<span v-html="item.shop_name"></span>
  					<img src="../../../image/shop/buy/buy-23.png" />
  				</div>
  				<div class="cart-list-goods" v-for="goods in item.goods">
  					<input type="checkbox" name="" class="aui-radio" value="" :data-price="goods.price" ref="goodsChecks" @click="goodsCheck"/>
  					<img :src="goods.photo" onerror="this.src='../../../image/picture_void.png'"/>
  					<h2 v-html="goods.title"></h2>
  					<p>
  						型号：
	  					<select>
	  						<option v-for="model in goods.model" :value="model.id" v-html="model.name"></option>
	  					</select>
  					</p>
  					<span v-html="'¥'+ goods.price"></span>
  					<div class="plus-miuns-input" :data-price="goods.price" :data-inventory="goods.inventory">
						<a href="javascript:void(0);" @click="plusMinusPlusMinus">-</a>
						<input type="text" name="" :data-num="goods.buy_number || 1" :value="goods.buy_number || 1" @blur="plusMinusInput" @focus="plusMinusInput"/>
						<a href="javascript:void(0);" @click="plusMinusPlus">+</a>
					</div>
  				</div>
  			</li>-->
  			<!--<li>
  				<div class="cart-list-h2">
  					<input type="radio" name="" class="aui-radio" value="" />
  					<img src="../../../image/shop/buy/buy-17.png"/>潮宿新品 <img src="../../../image/shop/buy/buy-23.png" />
  				</div>
  				<div class="cart-list-goods">
  					<input type="radio" name="" class="aui-radio" value="" />
  					<img src="../../../image/shop/logo.jpg"/>
  					<h2>夏日必备清洁用品水田深透洁面乳 男女通 用  超强清洁</h2>
  					<p>
  						型号：
	  					<select name="">
	  						<option value="">美白</option>
	  					</select>
  					</p>
  					<span>¥120.00</span>
  					<div class="plus-miuns-input">
						<a href="javascript:void(0);" class="disabled">-</a>
						<input type="text" name="" value="1" />
						<a href="javascript:void(0);">+</a>
					</div>
  				</div>
  				<div class="cart-list-goods">
  					<input type="radio" name="" class="aui-radio" value="" />
  					<img src="../../../image/shop/logo.jpg"/>
  					<h2>夏日必备清洁用品水田深透洁面乳 男女通 用  超强清洁</h2>
  					<p>
  						型号：
	  					<select name="">
	  						<option value="">美白</option>
	  					</select>
  					</p>
  					<span>¥120.00</span>
  					<div class="plus-miuns-input">
						<a href="javascript:void(0);" class="disabled">-</a>
						<input type="text" name="" value="1" />
						<a href="javascript:void(0);">+</a>
					</div>
  				</div>
  			</li>-->
  		</ul>
  		<div class="my-cart-btn" v-show="is_Show" :class="channel=='notIndex'?'notIndex':'index'">
  			<input type="checkbox" name="" class="aui-radio" value="" ref="delCartCheckAll" @click="delCheckAll"/>全选
  			<div>
  				<a href="javascript:void(0);" @click="cartCancelEdit">取消</a>
  				<a href="javascript:void(0);" @click="delCartGoods">删除</a>
  			</div>
  		</div>
  		<div class="cart-btn" v-show="cartList != ''"  :class="channel=='notIndex'?'notIndex':'index'">
  			<input type="checkbox" name="" class="aui-radio" value="" ref="cartCheckAll" @click="cartCheckAll"/>全选
  			<div>合计：<b ref="showSumMoney">¥0.00</b><a href="javascript:void(0);" @click="generateOrder">结算</a></div>
  		</div>

      <div class="batch_classfiy">
        <div class="batch_classfiy_main" @click.stop>
          <h2>游客模式</h2>
          <ul class="batch_classfiy_list">
            <li>
              体验更多功能，请先登录
            </li>
          </ul>
          <div class="batch_classfiy_btn">
            <!-- <div>
              <a href="javascript:void(0);" @click="classfiyCancel">取消</a>
            </div> -->
            <div>
              <a href="javascript:void(0);" @click="classfiySure()">确定</a>
            </div>
          </div>
        </div>
      </div>


  	</div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./cart.js"></script>
</html>
